<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<Uber.WebUI.Models.AccountInput>" %>
<%@ Import Namespace="Uber.WebUI" %>
<%@ Import Namespace="Uber.WebUI.Controllers" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h3>
        Create an Account</h3>
        
Your Awesome Account gives you access to our forums and other Awesome services. If you already have an Awesome Account, you can log in <a href='<%=Url.Action("LogIn","Account") %>'>here</a>. 
    <div class="inputform">
        <form method="post" action='<%=Url.Action("index","register") %>'>
            <div class="efield">
                <div class="elabel">
                    <label for="Email">
                        Email:</label>
                </div>
                <div class="einput">
                <input type='text' name='Email' id='Email' size='30' value='<%=Model.Email %>'/>                    
                    <%= Html.ValidationMessageFor(model => model.Email) %>
                </div>
            </div>
            <div class="efield">
                <div class="elabel">
                    <label for="DisplayName">
                        Display name:</label>
                </div>
                <div class="einput">
                <input type='text' name='DisplayName' id='DisplayName' size='30' value='<%=Model.DisplayName %>'/>
                    <%= Html.ValidationMessageFor(model => model.DisplayName) %>
                </div>
            </div>
            <div class="efield">
                <div class="elabel">
                    <label for="Password">
                        Choose a password:</label>
                </div>
                <div class="einput">
                <input type='password' id='Password' name='Password' size='30' />                    
                    <%= Html.ValidationMessageFor(model => model.Password) %>
                </div>
            </div>
            <div class="efield">
                <div class="elabel">
                    <label for="ConfirmPassword">
                        Re-enter password: </label>
                </div>
                <div class="einput">
                    <input type='password' id='ConfirmPassword' name='ConfirmPassword' size='30' />
                    <%= Html.ValidationMessageFor(model => model.ConfirmPassword) %>
                </div>
            </div>
            <div class="efield">
                <div class="elabel">
                    <label for="recaptcha">
                       Word Verification: </label>                    
                </div>
                <div class="einput">
                    <%= Html.GenerateCaptcha() %>
                    <%=Html.ValidationMessage("captcha") %>
                </div>
            </div>
            <div style="clear: both; padding: 20px;">
                By clicking the button below, I agree to the
                <%=Html.ActionLink<TermsController>(o=> o.Index(), "User Agreement", new {target = "_blank"}) %>
            </div>
            <div style="margin-left: 200px;">
                <%=Html.SubmitButton("submit", "Agree and create account") %>
            </div>
            </form>
    </div>
</asp:Content>
